<template>
	<view class="imageBox" :style="{ width: width,height:height,borderRadius: borderRadius,margin:margin }">
		<image :src="src" :mode="mode" :show-menu-by-longpress="isLongpress"></image>
	</view>
</template>

<script setup>
	const props = defineProps({
		src:{
			type:String,
			default:""
		},
		mode:{
			type:String,
			default:"aspectFill"
		},
		width:{
			type:String,
			default:"100rpx"
		},
		height:{
			type:String,
			default:"100rpx"
		},
		borderRadius:{
			type:String,
			default:"0rpx"
		},
		margin:{
			type:String,
			default:"auto"
		},
		isLongpress:{
			type:Boolean,
			default:false
		},
	})
</script>

<style scoped lang="scss">
	image{
		width: 100%;
		height: 100%;
	}
	.imageBox{
		overflow: hidden;
	}
</style>